// // 嵌套
// #div1{
//   width: 100px;
//   height: 100px;
//   background-color: aqua;
//   #h11{
//     background-color: red;
//     font-size: 50px;
//   }
// }

// @mainColor :#999 ;
// #div3{
//     width: 100px;
//     height: 100px;
//     background-color:@mainColor;
//   }

// //  $("#div4").css('background-color' ,'@mainColor');



// //URL 使用方法  @images 用 @{images} 来代替  :    

// @ur: "./images" ;

// #div4{
//     width: 800px;
//     height: 400px;

//     background: url("@{ur}/京东1.jpg");
// }



// //混合方法：
//         @div5pattern : {background: black ; width: 100px; height: 200px;  }; 
    
//         #div5{
//             @div5pattern(); 
//         }



// //用变量去定义变量：



* ,::before ,::after{

  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent ;   //清除默认点击高亮   也可以添加高亮
  -webkit-box-sizing: border-box ;  //以你的border 开始计算你的宽度


}
ul{
  list-style: none;
}
input,textarea{
  border: none ; 
  resize: none;   //禁止伸缩
  // outline: none ;   //清除选中效果
}

.clerfix::before , .clerfix::after{    //清除浮动
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both; 
}


// #tab1{
//   width: 100% ;
//   height: 37px;
//   background-color: rgba(243, 70, 70, 0.8)
// }

.jd_box{
  max-width: 640px;
  min-width: 100px;
  margin:  0 auto ;       //使整个BOX 居中显示
  position: relative;
  height: 1000px;
  width: 1000px;
 // background-color: grey;

  .jd_top{
    margin: 0 auto;
    height: 35px;
    background-color: rgba(201,21,35,0.8) ;
    position: fixed;
    top: 0;
    left: 0;

   
    }






  }




        